<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/Public/assets/i/favicon.png">
    <link rel="stylesheet" href="/Public/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="/Public/assets/css/app.css">
    <style>

        .yl-table td {
            border: solid 10px #fff;
        }

        .dv-1 {
            background: #00A8FF;
            text-align: center;
            height: 80px;
        }

        .dv-2 {
            color: #fff;
            position: absolute;
            width: 50px;
            height: 30px;
            left: 50%;
            top: 25%;
            margin-top: -15px;
            margin-left: -25px;
            font-size: 1.8rem;
        }

        .dv-margin {
            padding: 1rem 0 1rem 0;
        }

        .dv-3 {
            color: #fff;
            position: absolute;
            width: 90%;
            height: 30px;
            left: 50%;
            top: 20%;
            margin-top: -15px;
            margin-left: -45%;
            text-align: center;
        }
        .img-1 {
            width: 100%;
            margin-top: 5px;
            padding-right: 3px;
        }
        .pad-right{
            padding-left: 0;
        }
        .radi{
            border-radius: 4px;
        }
        .am-slider-default .am-control-nav {
            width: 100%;
            position: absolute;
            bottom: -15px;
            text-align: center;
            z-index: -9999;
        }
        #demo-slider-2 .am-control-nav {
            width: 100%;
            position: absolute;
            bottom: 15px;
            text-align: right;
            z-index: 9999;
            padding-right: 20px;
        }
        #demo-slider-2 .am-control-nav li a.am-active {
            background-color: #0e90d2;
            cursor: default
        }
        #demo-slider-2 .am-control-nav li {
            margin: 0 3px;
            display: inline-block;
        }
        #demo-slider-2 .am-control-nav li a {
            width:8px;
            height: 8px;
            display: block;
            background-color: #fff;
            /*background-color: rgba(0, 0, 0, .5);*/
            line-height: 0;
            font-size: 0;
            cursor: pointer;
            text-indent: -9999px;
            border-radius: 20px;
            -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
            box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
        }
        #demo-slider-2 .am-direction-nav a {
            position: absolute;
            top: 50%;
            z-index: 10;
            display: none;
            width: 36px;
            height: 36px;
            margin: -18px 0 0;
            overflow: hidden;
            opacity: .45;
            cursor: pointer;
            color: rgba(0, 0, 0, .65);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
    </style>
</head>
<body style="background-color: #EFEFEF">
<div>
    <img src="/Public/img/wp/111.jpg" style="width: 100%;">
    <div class="dv-3">
        <h1 style="margin: 0;">孕产服务，上爱帮诊</h1>
        <div class="am-input-group">
      <span class="am-input-group-btn">
        <button class="am-btn am-btn-default" type="button"><span class="am-icon-search"></span></button>
      </span>
            <input type="text" class="am-form-field" placeholder="搜索医生或医院">
        </div>
    </div>
</div>

<!--table显示content-->
<div style="background-color: #fff;">
    <div class="am-g dv-margin">
        <!--<a href="/index.php/Home/Index/listDetail/type/1">-->
        <a href="<?php echo U('Index/haiyuyue');?>">
            <div class="am-u-sm-3" style="padding-right: 0;">
                <div class="dv-1 radi">
                    <!--<img src="/Public/img/wp/gu.png">-->
                    <!--<div class="dv-2">孕妇建卡</div>-->
                    <div class="am-g" style="padding-top: 10px;">
                        <div class="am-u-sm-6" style="padding-right: 0;"><span class="span-1" style="font-size: 16px;color: #fff;">海外就诊</span></div>
                        <div class="am-u-sm-6" style="padding-left: 0;"><img src="/Public/img/wp/fu-1.png" class="img-1"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="<?php echo U('Index/fuyuyue');?>">
            <div class="am-u-sm-3" style="padding-right: 0;">
                <div class="dv-1 radi" style="background: #b1dc3f">
                    <!--<div class="dv-2">孕妇体检</div>-->
                    <div class="am-g" style="padding-top: 10px;">
                        <div class="am-u-sm-6" style="padding-right: 0;"><span class="span-1" style="font-size: 16px;color: #fff;">辅助生育</span></div>
                        <div class="am-u-sm-6" style="padding-left: 0;"><img src="/Public/img/wp/fu-2.png" class="img-1"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="<?php echo U('Index/fuyuyue');?>">
            <div class="am-u-sm-3" style="padding-right: 0;">
                <div class="dv-1 radi" style="background: #b2e2fa">
                    <!--<div class="dv-2">产前入院</div>-->
                    <div class="am-g" style="padding-top: 10px;">
                        <div class="am-u-sm-6" style="padding-right: 0;"><span class="span-1" style="font-size: 16px;color: #fff;">孕妇建卡</span></div>
                        <div class="am-u-sm-6" style="padding-left: 0;"><img src="/Public/img/wp/ke-5.png" class="img-1"></div>
                    </div>
                </div>
            </div>
        </a>
        <a href="<?php echo U('Index/fuyuyue');?>">
            <div class="am-u-sm-3">
                <div class="dv-1 radi" style="background: #e980fa">
                    <!--<div class="dv-2">儿童挂号</div>-->
                    <div class="am-g" style="padding-top: 10px;">
                        <div class="am-u-sm-6" style="padding-right: 0;"><span class="span-1" style="font-size: 16px;color: #fff;">儿童挂号</span></div>
                        <div class="am-u-sm-6" style="padding-left: 0;"><img src="/Public/img/wp/ke-2.png" class="img-1"></div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <!--<div>-->
        <!--<img src="/Public/img/wp/index-2.jpg" style="width: 100%">-->
    <!--</div>-->
    <div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-2">
        <ul class="am-slides">
            <?php if(is_array($arr)): foreach($arr as $key=>$a): ?><li>
                    <div class="acti" style="margin: -1.3rem 0 1rem 0;position: relative;">
                        <a href="<?php echo ($a["link"]); ?>"><img src="/Public/img/wp/<?php echo ($a["img"]); ?>" style="width: 100%"></a>
                        <div style="position: absolute;top: 5.5rem;left: 5rem;">
                            <p style="font-size: 18px;color: #fff;"><?php echo ($a["word"]); ?></p>
                        </div>
                        <div  style="position: absolute;top: 5.5rem;right: 4rem;">
                            <!--<img src="/Public/img/wp/tou.jpg">-->
                        </div>
                    </div>
                </li><?php endforeach; endif; ?>
        </ul>
    </div>
    <!--<div style="background-color: #fff;height: 3rem;"></div>-->
    <!--最新就诊动态-->
    <div style="text-align: center;">
        <p class="p-1">最新就诊动态</p>
    </div>
    <div id="drawLetters" style="overflow:hidden;height:200px;">　　
        <div id="dl">
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者古**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者李**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者王**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者周**邀请专家会诊</p></div>
            </div>　
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者王**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者赵**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者钱**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者孙**邀请专家会诊</p></div>
            </div>　
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者宋**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者陆**邀请专家会诊</p></div>
            </div>　　　
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者古**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者李**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者王**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者周**邀请专家会诊</p></div>
            </div>　
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者王**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者赵**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者钱**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者孙**邀请专家会诊</p></div>
            </div>　
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者宋**邀请专家会诊</p></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-3"><img src="/Public/img/wp/tou.jpg" style="width: 100%;"></div>
                <div class="am-u-sm-9"><p class="p-1">爱帮诊为患者陆**邀请专家会诊</p></div>
            </div>　　　　
        </div>
    </div>
</div>
<!--<div id="drawLetters2" style="overflow:hidden;height:200px;"></div>-->
<!--end-->

<!--悬浮电话-->
<div>
    <button type="button" class="am-btn am-btn-success am-circle" id="phones" style="width:5rem;height:5rem;
    position: fixed;top: 60%;right: 0;z-index: 999;outline: none;"><span class="am-icon-phone"></span><br/><span style="font-size: 12px;">免费</span></button>
</div>

<!--模态窗-->
<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">友情提示</div>
        <div class="am-modal-bd">
            立即拨打免费客服热线186-1665-5509
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel><a href="#" style="color: #c3c3c3;">取消</a></span>
            <span class="am-modal-btn" data-am-modal-confirm><a href="#" style="color: #42AD84">确定</a></span>
        </div>
    </div>
</div>


<!-- Navbar -->
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default"
     id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background-color: #fff;">
        <li>
            <a href="<?php echo U('Index/medicalList');?>" style="color: #42AD84;">
                <i class="am-icon-home am-icon-sm"></i>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="<?php echo U('Index/hospitalList');?>" style="color: #676767;">
                <i class="am-icon-hospital-o am-icon-sm"></i>
                <span class="am-navbar-label">医院</span>
            </a>
        </li>
        <li>
            <a href="<?php echo U('Index/womenFind');?>" style="color: #676767;">
                <i class="am-icon-paper-plane-o am-icon-sm"></i>
                <span class="am-navbar-label">发现</span>
            </a>
        </li>
        <li>
            <a href="<?php echo U('User/wode');?>" style="color: #676767;">
                <!--<img src="/Public/img/wode.png">user-secret-->
                <i class="am-icon-user-secret am-icon-sm"></i>
                <span class="am-navbar-label">我的</span>
            </a>
        </li>
    </ul>
</div>

<script src="/Public/assets/js/jquery.min.js"></script>
<script src="/Public/assets/js/amazeui.min.js"></script>
<script>
    $("#phones").on("click", function () {
        $('#my-confirm').modal({
            relatedTarget: this,
            onConfirm: function () {
                window.location.href = "tel:18616655509";
            }
        });
    })

    var drawLetters = document.getElementById("drawLetters");
    var dl = document.getElementById("dl");
    var speed = 20; //滚动速度值，值越大速度越慢
    function Marquee() {
        drawLetters.scrollTop++;
        var newNode = document.createElement("div");
        $("#drawLetters2").innerHTML = dl.innerHTML;
        drawLetters.insertBefore(newNode, null);
    }
    var MyMar = setInterval(Marquee, speed); //设置定时器


//    var speed=20;//数值越大，速度越慢
//    var demo2=document.getElementById("drawLetters2");
//    var demo1=document.getElementById("dl");
//    var demo=document.getElementById("drawLetters");
//    demo2.innerHTML=demo1.innerHTML;
////    demo.scrollTop=demo.scrollHeight;
//    function MarqueeUp(){
//        if(demo2.offsetTop-demo.scrollTop<=0){
////            demo.scrollTop-=demo2.offsetHeight;
//            demo.scrollTop-=demo.scrollTop-demo1.offsetHeight;
//        }else{
//            demo.scrollTop++;
//        }
//    }
//    var MyMar=setInterval(MarqueeUp,speed);
//    demo.onmouseover=function() {clearInterval(MyMar);}
//    demo.onmouseout=function() {MyMar=setInterval(MarqueeUp,speed);}

//function scroll(){
//    $("#drawLetters #dl").animate({"margin-top":"-105px"},function(){
//        $("#drawLetters #dl div:eq(0)").appendTo($("#drawLetters #dl"))
//        $("#drawLetters #dl").css({"margin-top":0})
//    })
//}
//setInterval(scroll,1000)
</script>
</body>
</html>